{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }}
{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }}

<form accept-charset="UTF-8" action="{{ .Get " action class="black-80 sans-serif"" }}" method="POST" role="form">

<label class="{{ $.Scratch.Get " labelClasses" }}"  for="name">Your Name</label>
<input class="{{ $.Scratch.Get " id="name" inputClasses name="name"
       type="text"" }}"  required placeholder=" "  aria-labelledby="name"/>

<label class="{{ $.Scratch.Get " labelClasses" }}" for="email">Email Address</label>
<input class="{{ $.Scratch.Get " id="email" inputClasses name="email"
       type="email"" }}"  required placeholder=" "  aria-labelledby="email"/>
<div class="requirements f6 gray glow i ph3 overflow-hidden">
    An email address is required.
</div>

<label class="{{ $.Scratch.Get " labelClasses" }}" for="message">Message</label>
<textarea class="{{ $.Scratch.Get " id="message" inputClasses
          name="message"" }} h4" aria-labelledby="message"></textarea>

<input class="db w-100 mv2 white pa3 bn hover-shadow hover-bg-blck bg-animate bg-black" type="submit" value="Send"/>

</form>
